<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>速乐约官网-产品</title>
        <link rel="stylesheet" href="css/uikit.css" />
        <link rel="stylesheet" type="text/css" href="css/components/slideshow.css">
        <link rel="stylesheet" href="css/style.css" />
        <script src="js/jquery.min.js"></script>
        <script src="js/uikit.min.js"></script>
        <script>
            $(document).ready(function(){
			/*触发变图片*/
                $('.icon_item a .iconImg').on({
                    mouseover: function(){
                        $(this).attr('src', 'images/icon1_1.png')
                    },
                    mouseout: function(){
                        $(this).attr('src', 'images/icon1.png')
                    }
                })
                $('.icon_item a .iconImgT').on({
                    mouseover: function(){
                        $(this).attr('src', 'images/icon2_1.png')
                    },
                    mouseout: function(){
                        $(this).attr('src', 'images/icon2.png')
                    }
                })
                $('.icon_item a .iconImgR').on({
                    mouseover: function(){
                        $(this).attr('src', 'images/icon3_1.png')
                    },
                    mouseout: function(){
                        $(this).attr('src', 'images/icon3.png')
                    }
                })
                $('.gotop').on({click: function(){
                            document.body.scrollTop = 0;
                            document.documentElement.scrollTop = 0;

                    }
                })
            })
        </script>
    </head>
    <body>
        <header>
            <div class="topline"></div>
            <div class="flexR head">
                <div class="topline"></div>
                <a href="index.html" class="logo">
                    <img src="images/logo.png" />
                </a>
                <nav>
                    <ul class="navclass flexR">
                        <li  class="active">
                            <a href="index.html" class="curra">首页</a>
                        </li>
                        <li>
                            <a href="about.html" class="curra">关于我们</a>
                            <!-- <div uk-dropdown="animation: uk-animation-slide-top-small; duration: 500;delay-hide:100">
                                <ul class="uk-nav uk-dropdown-nav"  >
                                    <li>
                                        <a href="news.html" >新闻中心</a>
                                    </li>
                                    <li>
                                        <a href="video.html" >视频中心</a>
                                    </li>
                                </ul>
                            </div> -->
                        </li>
                        <li>
                            <a href="product.html" class="curra">产品中心</a>
                            <div uk-dropdown="animation: uk-animation-slide-top-small; duration: 500;delay-hide:100">
                                <ul class="uk-nav uk-dropdown-nav"  >
                                    <li>
                                        <a href="price.html" >产品报价</a>
                                    </li>
                                </ul>
                            </div>
                        </li>
                        <li>
                            <a href="free.html" class="curra">免费试用</a>
                        </li>
                        <li>
                            <a href="login.html" class="curra">用户登录</a>
                        </li>
                        <li>
                            <a href="contact.html" class="curra">联系我们</a>
                        </li>
                    </ul>
                </nav>
                <div class="topIcon flexR">
                    <div class="icon_item">
                        <a href="" >
                            <img src="images/icon1.png" class="iconImg"/>
                        </a>
                    </div>
                    <div class="icon_item">
                        <a href="" >
                            <img src="images/icon2.png" class="iconImgT" />
                        </a>
                    </div>
                    <div class="icon_item">
                        <a href="" >
                            <img src="images/icon3.png" class="iconImgR" />
                        </a>
                    </div>
                </div>
          </div>
        </header>
        <section class="pro_ban">
            <div class="contairn">
                <img src="images/hlogo.png" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">照相馆SAAS系统 </h1>
                <span uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">助力于新型照相馆行业，轻松做好门店生意</span>
                <a href=""  uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">免费试用</a>
            </div>
        </section>
        <section>
            <div class="prolist">
               
                <div class="proItems">
                    <div  class="parrow-bottom" ></div>
                    <div class="flexR proItem contairn">
                        <img src="images/p_03.jpg" uk-scrollspy="cls: uk-animation-slide-left; repeat: true" />
                        <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <h3>一站式全解决</h3>
                            <p>专注于为新型照相馆用户提供一站式流程管理信息化技术服务，帮助门店现从客户预约、活动营销、内部协作、结算收银、数据管理一站式完善的全流程解决方案。</p>
                        </div>
                        <img src="images/p_05.jpg" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                    </div>
                   
                </div>
               
                <div class="proItems">
                    <div  class="parrow-bottom" ></div>
                    <div class="flexR proItem contairn">
                        <img src="images/p_09.jpg" uk-scrollspy="cls: uk-animation-slide-left; repeat: true" />
                        <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <h3>24小时门店在线</h3>
                            <p>门店小程序打造24小时在线门店<br>
                                线上展示品牌调性、门店产品，成为线上的品牌展示窗户。</p>
                        </div>
                        <img src="images/p_10.jpg" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                    </div>
                </div>
                <div class="proItems">
                    <div  class="parrow-bottom" ></div>
                    <div class="flexR proItem contairn">
                        <img src="images/p_13.jpg" uk-scrollspy="cls: uk-animation-slide-left; repeat: true"/>
                        <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <h3>营销模块</h3>
                            <p>拼团、秒杀、砍价等裂变软件，帮助门店引爆客流，提升销售额</p>
                        </div>
                        <img src="images/p_14.jpg" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                    </div>
                </div>
                <div class="proItems">
                    <div  class="parrow-bottom" ></div>
                    <div class="flexR proItem contairn">
                        <img src="images/p_17.jpg" uk-scrollspy="cls: uk-animation-slide-left; repeat: true"/>
                        <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <h3>数据模块</h3>
                            <p>客户数据留存和备份、内部数据存储和传输、大数据管理和分析全方位数据统计：订单数据、客户数据、经营数据、员工考核数据、营销数据</p>
                        </div>
                        <img src="images/p_18.jpg" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                    </div>
                </div>
                <div class="proItems">
                    <div  class="parrow-bottom" ></div>
                    <div class="flexR proItem contairn">
                        <img src="images/p_21.jpg" uk-scrollspy="cls: uk-animation-slide-left; repeat: true" />
                        <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <h3>全流程交互</h3>
                            <p>客户数据留存和备份、内部数据存储和传输、大数据管理和分析</p>
                        </div>
                        <img src="images/p_22.jpg" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                    </div>
                </div>
                <div class="proItems">
                    <div  class="parrow-bottom" ></div>
                    <div class="flexR proItem contairn">
                        <img src="images/p_25.jpg" uk-scrollspy="cls: uk-animation-slide-left; repeat: true" />
                        <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <h3>内部协作管理系统</h3>
                            <p>服务环节流程交互>员工绩效提成统计>支持只能修图流程>
                                实现支付收银功能>实现财务统计功能</p>
                        </div>
                        <img src="images/p_26.jpg" uk-scrollspy="cls: uk-animation-slide-right; repeat: true" />
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="proTigs">
                <ul class="flexR" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                    <li>线上预约</li>
                    <li>客户管理</li>
                    <li>订单中心</li>
                    <li>交互流程</li>
                    <li>数据存储</li>
                    <li>数据传输</li>
                    <li>营销工具</li>
                    <li>客户裂变</li>
                    <li>流量翻倍</li>
                </ul>
            </div>
        </section>
        <footer>
            <div class="foot flexR">
                <div class="foot_left flexR">
                    <div class="foot_about">
                        <img src="images/flogo.png" class="flogo" uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true" />
                        <p uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            SMART PHOTO technology is an enabling platform for China's photography industry. It is located in the software valley of Nanjing high tech entrepreneurship center, Jiangsu Province. It focuses on empowering businesses in the photography industry. It has a well-known photography brand of "Friends of shiguanghui photography studio" and "quick shot". It has also provided management consulting, sample development, course training, franchise guidance and other services for many businesses in the photography industry Brand output and comprehensive enabling services of industrial supply chain management.enterprise integrating development, sales and after-sales.
                        </p>
                        <a href="" uk-scrollspy="cls: uk-animation-slide-left; repeat: true">了解更多</a>
                    </div>
                    <div class="foot_case">
                        <h1 uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">近期合作摄影品牌</h1>
                        <span uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">Recent cooperation</span>
                        <ul uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                            <li>
                                <a href="">拾光的朋友摄影馆</a>
                            </li>
                            <li>
                                <a href="">速乐拍智能照相馆</a>
                            </li>
                            <li>
                                <a href="">唯美空间照相馆</a>
                            </li>
                            <li>
                                <a href="">氧气人像空间照相馆</a>
                            </li>
                            <li>
                                <a href="">茄子达人照相馆</a>
                            </li>
                            <li>
                                <a href="">茉莉缇香照相馆</a>
                            </li>
                            <li>
                                .....
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="foot_right flexR">
                    <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                        <img src="images/ewm.png" />
                        <span>客服微信</span>
                    </div>
                    <!-- <div uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">
                        <img src="images/ewm_two.png" />
                        <span>客服微信</span>
                    </div> -->
                </div>
            </div>
        </footer>
        <div class="copy">
            <p uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">公司地址：江苏省南京市凤华路18号紫金（雨花）科技创业特别社区2栋阿尔法楼B301
            </p>
            <p  uk-scrollspy="cls: uk-animation-slide-bottom; repeat: true">联系电话：王经理 139-1303-8359</p>
            <div class="gotop">
                <img src="images/top1.jpg" />
            </div>
        </div>
    </body>
</html>